import {genBoard, changeDifficuty, tu} from './js/game'

export default () => {
  return (
    <>
      <div>
        <h2>数独</h2>
        <div id="gamediv"></div>
        {/* <div id="gamediv" align="center"> */}

        </div>
        <div>
          <p id="result-label" className="result-normal"></p>
        </div>
        <hr />
        {/* <div id="time">
          <p id="time-label">00:00:00</p>
        </div>
        <div id="difficuty">
          <input type="radio" name="difficuty" value="1" onmouseup="changeDifficuty(this.value)" checked="checked" />Easy
          <input type="radio" name="difficuty" value="2" onmouseup="changeDifficuty(this.value)" /> Normal
          <input type="radio" name="difficuty" value="3" onmouseup="changeDifficuty(this.value)" /> Hard
        </div> */}
        <div id="buttons">
          <button onClick={() => genBoard()} type="button">restart game</button>
          <button onClick={() => tu.startTimer()} type="button">Start Game</button>
        </div>
    </>
  );
}